<!DOCTYPE html>
<meta charset="utf-8">
<html>

<head>
    <script type="application/javascript" src="/public/jquery/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="/public/layui/css/layui.css">
    <script type="application/javascript" src="/public/layui/layui.all.js"></script>
</head>

<body>
    <div class="layui-main" style="margin-bottom: 30px;margin-top: 20px">
        <ul class="layui-nav" lay-filter="bigData">
            <li class="layui-nav-item"><a href="">最新活动</a></li>
            <li class="layui-nav-item layui-this"><a href="">产品</a></li>
            <li class="layui-nav-item" href="">大数据</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">解决方案</a>
                <dl class="layui-nav-child">
                    <!-- 二级菜单 -->
                    <dd><a href="">移动模块</a></dd>
                    <dd><a href="">后台模版</a></dd>
                    <dd><a href="">电商平台</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="">社区</a></li>
        </ul>
    </div>
    
    <script>
        layui.use('element', function () {
            //实例化element
            var element = layui.element;
            //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
            element.init();
            //导航条点击监听
            
        })
    </script>
</body>

</html>